<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>${channel.channelTitle!}</title>
    <meta name="description" content="${channel.channelDescriptions}">
    <meta name="keywords" content="${channel.channelKeyword}">
    <link rel="icon" href="/web/img/favicon.ico">
    <link rel="shortcut icon" href="/web/img/favicon.ico">
    <style type="text/less">
        @import "/web/public/public.less";
        .container{
            #main{
                .clearfix;
                width: 1024px;
                margin: 0 auto;
                position: relative;

                #left{
                    width: 680px;
                    display: inline-block;
                    vertical-align: top;
                    margin-top: 20px
                }
                #right{
                    width: 300px;
                    display: inline-block;
                    margin-left: 38px;
                    margin-top: -10px;
                }
            }
        }
    </style>
    <style type="text/less">
        @import "/web/public/public.less";
        #list.course{
            margin-bottom: 50px;
            .title{
                border-bottom: 1px solid #eeeeee;
                .title_txt{
                    font-size: 20px;
                    font-weight: normal;
                    font-stretch: normal;
                    letter-spacing: 2px;
                    color: #333333;
                    border-left: 5px solid #5d5d5d;
                    margin-bottom: 20px;
                    padding-left: 10px;
                    display:inline-block;
                }
                .more{
                    float: right;
                    font-size: 14px;
                    font-weight: normal;
                    font-stretch: normal;
                    letter-spacing: 0px;
                    color: #7f7f7f;
                    margin-top: 4px;
                }
            }
            .center{
                li{
                    margin-top: 24px;
                    h3{
                        display: inline-block;
                        a{
                            font-size: 16px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 18px;
                            letter-spacing: 0.4px;
                            color: #333333;
                            display: inline-block;
                            width: 540px;
                            vertical: middle;
                            .ellipsis();
                            &:hover{
                                color: #e70115;
                            }
                        }
                    }

                    .time{
                        font-size: 16px;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 18px;
                        letter-spacing: 0.4px;
                        color: #a8a8a8;
                        display: inline-block;
                        vertical-align: middle;
                        float: right;
                        margin-right: 6px;
                    }
                }

            }
        }
    </style>
    <style type="text/less">
        @import "/web/public/public.less";
        #search_list.course{
            margin-bottom: 50px;
            .title{
                border-bottom: 1px solid #eeeeee;
                .title_txt{
                    font-size: 20px;
                    font-weight: normal;
                    font-stretch: normal;
                    letter-spacing: 2px;
                    color: #333333;
                    border-left: 5px solid #5d5d5d;
                    margin-bottom: 20px;
                    padding-left: 10px;
                    display:inline-block;
                }
                .more{
                    float: right;
                    font-size: 14px;
                    font-weight: normal;
                    font-stretch: normal;
                    letter-spacing: 0px;
                    color: #7f7f7f;
                    margin-top: 2px;
                }
                #search-wrap {
                    display: inline-block;
                    vertical-align: middle;
                    padding-right: 12px;
                    float: right;
                    margin-top: -4px;
                    margin-right: 40px;
                }

                #search-box {
                    display: table;
                }
                #search-box .input-wrap {
                    display: table-cell;
                    width: 262px;
                    height: 30px;
                    vertical-align: middle;
                    background-color: #ffffff;
                    border: solid 1px #d8d8d8;
                    border-radius: 4px;
                }

                #search-box .input-wrap input {
                    width: 216px;
                    height: 100%;
                    padding-left: 10px;
                }

                #search-box .input-wrap .icon-search {
                    width: 12px;
                    height: 12px;
                    color: #999;
                    background-size: contain;
                    cursor: pointer;
                    margin: 0 14px 0 12px;
                }
                #search-box .input-wrap .icon-search:hover{
                    color: #3563d5;
                }
            }
            .center{
                li{
                    margin-top: 24px;
                    h3{
                        display: inline-block;
                        a{
                            font-size: 16px;
                            font-weight: normal;
                            font-stretch: normal;
                            line-height: 18px;
                            letter-spacing: 0.4px;
                            color: #333333;
                            display: inline-block;
                            width: 540px;
                            vertical: middle;
                            .ellipsis();
                            &:hover{
                                color: #e70115;
                            }
                        }
                    }
                    .time{
                        font-size: 16px;
                        font-weight: normal;
                        font-stretch: normal;
                        line-height: 18px;
                        letter-spacing: 0.4px;
                        color: #a8a8a8;
                        display: inline-block;
                        vertical-align: middle;
                        float: right;
                        margin-right: 6px;
                    }

                }

            }
        }
    </style>
    <script src="/web/lib/less.min.js"></script>
    <script src="/web/lib/jquery-1.12.4.min.js"></script>
    <script src="/web/public/public.js"></script>
</head>
<body>
<h1 style="display:none;">${channel.channelTitle!}</h1>
<div class="container">
    <!--#include virtual="/web/html/header/fujian-header.htm"-->
    <div id="main">
        <!-- 头部广告位 -->
        <!--#include virtual="/web/html/fragment/fujian/ad-full-column-one.htm"-->
        <!-- 左侧侧列表区 -->
        <div id="left">
            <#if list?? && (list?size>0)>
                <#list list as info>
                    <#if info.channelStatus == 1>
                        <#if info.channelValue == '1201010103'>
                            <!--易找标内容-->
                            <!--#include virtual="/web/html/fragment/fujian/mark-list.htm"-->
                        <#else>
                            <#if info.channelIsSearch == 1>
                                <div id="search_list" class="course">
                                    <div class="title">
                                        <h2 class="title_txt"><a href="${"${domainFuJian}/web/fujian/${info.channelRewriteUrl}/index_1.html"}" target="_blank">${info.channelName}</a></h2>
<#--                                        <h2 class="title_txt"><a href="${"${domainFuJian}/web/fujian-list.html?id=${info.channelValue}&column=${info.channelName}"}" target="_blank">${info.channelName}</a></h2>-->
                                        <a class="more" href="${"${domainFuJian}/web/fujian/${info.channelRewriteUrl}/index_1.html"}" target="_blank">更多></a>
                                        <div id="search-wrap">
                                            <div id="search-box">
                                                <div class="input-wrap">
                                                    <input class="search_input" type="text" placeholder="搜索更多政策法规">
                                                    <i class="icon-search iconfont icon-fangdajing search-list-icon"></i>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <ul class="center">
                                        <#if info.data?? && (info.data?size>0)>
                                            <#list info.data as data>
                                                <#if data.articleOutLinkStatus == 1>
                                                    <li>
                                                        <h3>
                                                            <a href="${data.articleOutLink}" target="_blank">${data.articleTitle}</a>
                                                        </h3>
                                                        <p class="time">${data.updateTime}</p>
                                                    </li>
                                                <#else>
                                                    <li>
                                                        <h3>
                                                            <a href="${data.articleUrl}" target="_blank">${data.articleTitle}</a>
                                                        </h3>
                                                        <p class="time">${data.updateTime}</p>
                                                    </li>
                                                </#if>
                                            </#list>
                                        </#if>
                                    </ul>
                                </div>
                            <#else>
                                <div id="list" class="course">
                                    <div class="title">
                                        <h2 class="title_txt"><a href="${"${domainFuJian}/web/fujian/${info.channelRewriteUrl}/index_1.html"}" target="_blank">${info.channelName}</a></h2>
                                        <a class="more" href="${"${domainFuJian}/web/fujian/${info.channelRewriteUrl}/index_1.html"}" target="_blank">更多></a>
                                    </div>
                                    <ul class="center">
                                        <#if info.data?? && (info.data?size>0)>
                                            <#list info.data as data>
                                                <#if data.articleOutLinkStatus == 1>
                                                    <li>
                                                        <h3>
                                                            <a href="${data.articleOutLink}" target="_blank">${data.articleTitle}</a>
                                                        </h3>
                                                        <p class="time">${data.updateTime}</p>
                                                    </li>
                                                <#else>
                                                    <li>
                                                        <h3>
                                                            <a href="${data.articleUrl}" target="_blank">${data.articleTitle}</a>
                                                        </h3>
                                                        <p class="time">${data.updateTime}</p>
                                                    </li>
                                                </#if>
                                            </#list>
                                        </#if>
                                    </ul>
                                </div>
                            </#if>
                        </#if>
                    </#if>
                    <#if info_index == 3>
                        <!-- 广告 -->
                        <!--#include virtual="/web/html/fragment/fujian/ad-full-column-two.htm"-->
                    </#if>
                </#list>
            </#if>
        </div>
        <div id="right">
            <!--#include virtual="/web/html/fragment/public/video-classroom.htm"-->
            <!--#include virtual="/web/html/fragment/public/audio-column.htm"-->
            <!--#include virtual="/web/html/fragment/home/right-boutique.htm"-->
            <!--#include virtual="/web/html/fragment/home/right-hot-search.htm"-->
            <!--#include virtual="/web/html/fragment/home/ad-list-one.htm"-->
            <!--#include virtual="/web/html/fragment/home/ad-list-two.htm"-->
        </div>
    </div>
    <!--#include virtual="/web/html/footer/fujian-footer.htm"-->
</div>
</body>
<script>
    $('.search_input').keydown(function (event) {
        console.log(event.keyCode);
        if (event.keyCode === 13) {
            window.open('${domain}/web/search-result-list.html?searchType=1&inputSearch=' + $(this).val());
        }
    });
    $('.search-list-icon').click(function () {
        window.open('${domain}/web/search-result-list.html?searchType=1&inputSearch=' + $('.search_input').val());
    })
</script>
</html>